html, body {
    height: 100%;
}

body { 
    background-image: url(images\ghostoftushi.jpg);
    background-size: cover;
    background-position: center;
    display: grid;
    place-content: center;
}

  h1 {
    justify-content:center;
    text-align: center;
    width: 100%;
font-family: "bitcountgridsingle";
color: red;
font-weight: bold;
    font-family: "UnormativeFraktur", sans-serif;

 }



 div {justify-content: center;
    text-align: center;
    width: 100%;
font-weight: bold;
    font-family: "UnormativeFraktur", sans-serif;
color: red;}
 
 a { color: red;}

   .rainbow-animate {
    font-size: 3em;
    font-weight: bold;
    text-transform: uppercase;
    background: linear-gradient(270deg, red, orange, yellow, green, cyan, blue, violet);
    background-size: 1000% 1000%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: rainbowShift 12s linear infinite;
  }

  @keyframes rainbowShift {
    0% {
      background-position: 0% 50%;
    }

    50% {
      background-position: 100% 50%;
    }

    100% {
      background-position: 0% 50%;
    }
  }

    .hover-gradient {
    background: linear-gradient(90deg, #ff0080, #ff8c00, #40e0d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 300%;
    transition: background-position 0.5s;
    text-decoration: none;
  }

  .hover-gradient:hover {
    background-position: 100%;
  }